TOYHOU.SE
 Character
Raveron
Main Fursona
Raveron
Gallery11
Library
Worlds
Links
Comments
Favorite4
Ownership
Report
Block
Control Panel
Manage Character
Manage Images
Manage Literatures

Raveron
Raveron
Info
Created
2 months, 22 days ago
Creator
https://www.furaffinity.net/user/siiroitoriorika/
Favorites
4
Profile
<div class="card bg-faded rounded-0 p-1 mb-1 mx-1">

  <div class="card rounded-0 text-muted">

    <div class="container-fluid">

      <div class="row align-items-center justify-content-center">

        <div class="col-sm-3 p-1">

          <img class="d-block mx-auto my-2 rounded-circle" style="width:150px;" src="https://i.imgur.com/mOD6y9T.jpg"> <!--ICON-->

        </div>

        <div class="col-sm-9 p-2">

          <h1 class="text-uppercase">Raveron</h1><div class="card mb-2"></div>

          <h6 class="text-uppercase">He/Him - 22 - MBTI</h6>

          <p class="text-center font-italic">"When the BASS drops, so do my problems." - Unknown author</p>

        </div>

      </div>

    </div>

  </div>

  <!--PILLS-->

  <ul class="nav nav-pills nav-fill mt-1">

    <li class="nav-item mr-1">

      <a class="nav-link active btn btn-secondary text-uppercase" data-toggle="pill" href="#PROFILE" style="border-radius:0;"><i class="fas fa-home" style="font-size:30px;"></i></a>

    </li>

    <li class="nav-item mx-1">

      <a class="nav-link btn btn-secondary text-uppercase" data-toggle="pill" href="#INFO" style="border-radius:0;"><i class="fas fa-bars" style="font-size:30px;"></i></a>

    </li>

    <li class="nav-item mx-1">

      <a class="nav-link btn btn-secondary text-uppercase" data-toggle="pill" href="#STORY" style="border-radius:0;"><i class="fas fa-book" style="font-size:30px;"></i></a>

    </li>

    <li class="nav-item ml-1">

      <a class="nav-link btn btn-secondary text-uppercase" data-toggle="pill" href="#RELATIONSHIPS" style="border-radius:0;"><i class="fas fa-user-friends" style="font-size:30px;"></i></a>

    </li>

  </ul> <!--pills end-->

</div>



<div class="tab-content">

  

  <!--PROFILE SECTION-->

  <div class="tab-pane fade show active" id="PROFILE">

    <div class="container-fluid">

      <div class="row">

        <div class="col p-1">

          <div class="card bg-faded rounded-0 p-1">

            <h3 class="text-uppercase ml-2 mt-1">PROFILE</h3>

            <div class="card rounded-0 p-3" style="height:376px; overflow:auto;">

              <p>"It's okay to be a glow stick. Some times we need to crack before we can Shine." - unknown author</p>

              <p>Raveron likes to go to Rave clubs at night. He feels more free on the dancefloor partying till the first light shows itself. Life isn't easy nor is it fair, dancing and partying can help you forget about your problems till you have to enter back until the real world.

</p>

                <h6 class="text-uppercase text-muted"><i class="fas fa-bookmark mr-1"></i> PERSONALITY</h6><div class="card mb-1"></div>

                <p>Raveron's Personality</p>

                <p>Raveron is kind, eager, carefree, arrogant, caring, friendly and mischievous. Raveron is definitely a risk taker and go beyond what he's comfortable with. During the day he seems like a normal boring dude, but when the sun sets, he is quite the party animal and goes to Rave clubs to forget his stressful day. He feels more free on the dancefloor. Raveron is also quite charming and frankly quite flirtatious towards anyone.</p>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div> <!--profile section end-->

  

  <!--INFO SECTION-->

  <div class="tab-pane fade" id="INFO">

    

    <div class="container-fluid">

      <div class="row">

        

        <!--LEFT COLUMN-->

        <div class="col-lg-4 p-1">

          <div class="card bg-faded rounded-0 p-1">

            

            <!--PILLS-->

            <ul class="nav nav-pills nav-fill mb-1">

              <li class="nav-item m-1">

                <a class="nav-link active btn btn-secondary" data-toggle="pill" href="#DETAILS"><i class="fas fa-info" style="font-size:large;"></i></a>

              </li>

              <li class="nav-item m-1">

                <a class="nav-link btn btn-secondary" data-toggle="pill" href="#FAVOURITES"><i class="fas fa-star" style="font-size:large;"></i></i></a>

              </li>

              <li class="nav-item m-1">

                <a class="nav-link btn btn-secondary" data-toggle="pill" href="#LIKES"><i class="fas fa-heart" style="font-size:large;"></i></a>

              </li>

              <li class="nav-item m-1">

                <a class="nav-link btn btn-secondary" data-toggle="pill" href="#DISLIKES"><i class="fas fa-heart-broken" style="font-size:large;"></i></a>

              </li>

            </ul> <!--pills end-->

            

            <div class="tab-content card rounded-0" style="height:361px; overflow:auto;">

              

              <!--DETAILS SECTION-->

              <div class="tab-pane fade show active" id="DETAILS">

                <h3 class="text-uppercase text-muted mx-3 my-2"><i class="fas fa-bookmark mr-1"></i> DETAILS</h3>

                <ul class="list-group">

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">CREATOR</span>

                    ~siiroitoriorika on FA

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">WORTH</span>

                    $30

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">BIRTHDAY</span>

                    05/23/1999

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">BLOOD TYPE</span>

                    Unknown

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">RACE</span>

                    Eastern Dragon

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">HEIGHT</span>

                    7'11

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">WEIGHT</span>

                    450

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">SEXUALITY</span>

                    Pansexual

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">VOICE</span>

                    <a href="#" target="_blank">Deep with a Eastern accent</a>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">THEME</span>

                    <a href="#" target="_blank">Rave</a>

                  </li>

                </ul>

              </div> <!--details section end-->

              

              <!--FAVOURITES SECTION-->

              <div class="tab-pane fade" id="FAVOURITES">

                <h3 class="text-uppercase text-muted mx-3 my-2"><i class="fas fa-bookmark mr-1"></i> FAVOURITES</h3>

                <ul class="list-group">

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">COLOUR</span>

                    Rainbow

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">FOOD</span>

                    Sugar cookies

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">ANIMAL</span>

                    Ball python

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">SPORT</span>

                    N/A

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">NUMBER</span>

                    69

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">SEASON</span>

                    Spring

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">HOLIDAY</span>

                    N/A

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">TIME OF DAY</span>

                    Sunset

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <span class="text-uppercase font-weight-bold text-muted">GENRE</span>

                    Rave, Techno

                  </li>

                </ul>

              </div> <!--favourites section end-->

              

              <!--LIKES SECTION-->

              <div class="tab-pane fade p-3" id="LIKES">

                <h6 class="text-uppercase text-muted"><i class="fas fa-bookmark mr-1"></i> LIKES</h6><div class="card mb-1"></div>

                <ul class="list-group list-group-flush">

                  <li class="list-group-item px-3 py-2 border-top-0">Unknown</li>

                  <li class="list-group-item px-3 py-2">Unknown</li>

                  <li class="list-group-item px-3 py-2">Unknown</li>

                  <li class="list-group-item px-3 py-2">Unknown</li>

                  <li class="list-group-item px-3 py-2">Unknown</li>

                </ul>

              </div> <!--likes section end-->

              

              <!--DISLIKES SECTION-->

              <div class="tab-pane fade p-3" id="DISLIKES">

                <h6 class="text-uppercase text-muted"><i class="fas fa-bookmark mr-1"></i> DISLIKES</h6><div class="card mb-1"></div>

                <ul class="list-group list-group-flush">

                  <li class="list-group-item px-3 py-2 border-top-0">Unknown</li>

                  <li class="list-group-item px-3 py-2">Unknown</li>

                  <li class="list-group-item px-3 py-2">Unknown</li>

                  <li class="list-group-item px-3 py-2">Unknown</li>

                  <li class="list-group-item px-3 py-2">Unknown</li>

                </ul>

              </div> <!--dislikes section end-->

              

            </div> <!--details section end-->

          

          </div>

          

        </div> <!--left column end-->

        

        <!--MIDDLE COLUMN-->

        <div class="col-lg-4 p-1">

          <div class="card bg-faded rounded-0 p-1">

            

            <!--PILLS-->

            <ul class="nav nav-pills nav-fill mb-1">

              <li class="nav-item m-1">

                <a class="nav-link active btn btn-secondary" data-toggle="pill" href="#TRIVIA"><i class="fas fa-question" style="font-size:large;"></i></a>

              </li>

              <li class="nav-item m-1">

                <a class="nav-link btn btn-secondary" data-toggle="pill" href="#STATS"><i class="fas fa-chart-bar" style="font-size:large;"></i></a>

              </li>

              <li class="nav-item m-1">

                <a class="nav-link btn btn-secondary" data-toggle="pill" href="#PALETTE"><i class="fas fa-paint-brush" style="font-size:large;"></i></a>

              </li>

              <li class="nav-item m-1">

                <a class="nav-link btn btn-secondary" data-toggle="pill" href="#QUOTES"><i class="fas fa-comment-dots" style="font-size:large;"></i></a>

              </li>

            </ul> <!--pills end-->

            

            <div class="tab-content card rounded-0" style="height:361px; overflow:auto;">

              

            <!--TRIVIA SECTION-->

              <div class="tab-pane fade show active p-3" id="TRIVIA">

                <h6 class="text-uppercase text-muted"><i class="fas fa-bookmark mr-1"></i> TRIVIA</h6><div class="card mb-1"></div>

                <ul class="list-group list-group-flush">

                  <li class="list-group-item px-3 py-2 border-top-0">Put miscellaneous facts about your character here.</li>

                  <li class="list-group-item px-3 py-2">This box will scroll.</li>

                  <li class="list-group-item px-3 py-2">Fusce nibh diam, gravida in turpis quis, placerat dapibus mauris.</li>

                  <li class="list-group-item px-3 py-2">Nulla feugiat condimentum vehicula.</li>

                  <li class="list-group-item px-3 py-2"> Ut in malesuada odio, a facilisis tortor. Phasellus non est ut nisl ornare molestie a sed tellus.</li>

                </ul>

              </div> <!--trivia section end-->

              

              <!--STATS SECTION-->

              <div class="tab-pane fade p-1" id="STATS">

                

                <div class="container-fluid">

                  

                  <!--ROW 1-->

                  <div class="row">

                    <!--LEFT COLUMN-->

                    <div class="col-md-6 p-2">

                      <h6 class="text-uppercase">STAT</h6>

                      <div class="progress">

                        <div class="progress-bar" style="width:50%"></div>

                      </div>

                    </div> <!--left column end-->

                    <!--RIGHT COLUMN-->

                    <div class="col-md-6 p-2">

                      <h6 class="text-uppercase">STAT</h6>

                      <div class="progress">

                        <div class="progress-bar" style="width:50%"></div>

                      </div>

                    </div> <!--right column end-->

                  </div> <!--row 1 end-->

                  

                  <!--ROW 2-->

                  <div class="row">

                    <!--LEFT COLUMN-->

                    <div class="col-md-6 p-2">

                      <h6 class="text-uppercase">STAT</h6>

                      <div class="progress">

                        <div class="progress-bar" style="width:50%"></div>

                      </div>

                    </div> <!--left column end-->

                    <!--RIGHT COLUMN-->

                    <div class="col-md-6 p-2">

                      <h6 class="text-uppercase">STAT</h6>

                      <div class="progress">

                        <div class="progress-bar" style="width:50%"></div>

                      </div>

                    </div> <!--right column end-->

                  </div> <!--row 2 end-->

                  

                  <!--ROW 3-->

                  <div class="row">

                    <!--LEFT COLUMN-->

                    <div class="col-md-6 p-2">

                      <h6 class="text-uppercase">STAT</h6>

                      <div class="progress">

                        <div class="progress-bar" style="width:50%"></div>

                      </div>

                    </div> <!--left column end-->

                    <!--RIGHT COLUMN-->

                    <div class="col-md-6 p-2">

                      <h6 class="text-uppercase">STAT</h6>

                      <div class="progress">

                        <div class="progress-bar" style="width:50%"></div>

                      </div>

                    </div> <!--right column end-->

                  </div> <!--row 3 end-->

                  

                  <!--ROW 4-->

                  <div class="row">

                    <!--LEFT COLUMN-->

                    <div class="col-md-6 p-2">

                      <h6 class="text-uppercase">STAT</h6>

                      <div class="progress">

                        <div class="progress-bar" style="width:50%"></div>

                      </div>

                    </div> <!--left column end-->

                    <!--RIGHT COLUMN-->

                    <div class="col-md-6 p-2">

                      <h6 class="text-uppercase">STAT</h6>

                      <div class="progress">

                        <div class="progress-bar" style="width:50%"></div>

                      </div>

                    </div> <!--right column end-->

                  </div> <!--row 4 end-->

                  

                  <!--ROW 5-->

                  <div class="row">

                    <!--LEFT COLUMN-->

                    <div class="col-md-6 p-2">

                      <h6 class="text-uppercase">STAT</h6>

                      <div class="progress">

                        <div class="progress-bar" style="width:50%"></div>

                      </div>

                    </div> <!--left column end-->

                    <!--RIGHT COLUMN-->

                    <div class="col-md-6 p-2">

                      <h6 class="text-uppercase">STAT</h6>

                      <div class="progress">

                        <div class="progress-bar" style="width:50%"></div>

                      </div>

                    </div> <!--right column end-->

                  </div> <!--row 5 end-->

                  

                </div>

                

              </div> <!--stats section end-->

              

              <!--PALETTE SECTION-->

              <div class="tab-pane fade p-3" id="PALETTE">

                <h6 class="text-uppercase text-muted"><i class="fas fa-bookmark mr-1"></i> PALETTE</h6><div class="card mb-2"></div>

                <div class="card border-0 rounded-0 w-75 mx-auto my-2" style="background:#000; height:30px;"></div>

                <div class="card border-0 rounded-0 w-75 mx-auto my-2" style="background:#000; height:30px;"></div>

                <div class="card border-0 rounded-0 w-75 mx-auto my-2" style="background:#000; height:30px;"></div>

                <div class="card border-0 rounded-0 w-75 mx-auto my-2" style="background:#000; height:30px;"></div>

                <div class="card border-0 rounded-0 w-75 mx-auto my-2" style="background:#000; height:30px;"></div>

                <div class="card border-0 rounded-0 w-75 mx-auto my-2" style="background:#000; height:30px;"></div>

                <div class="card border-0 rounded-0 w-75 mx-auto my-2" style="background:#000; height:30px;"></div>

                <div class="card border-0 rounded-0 w-75 mx-auto my-2" style="background:#000; height:30px;"></div>

              </div> <!--palette section end-->

              

              <!--QUOTES SECTION-->

              <div class="tab-pane fade text-muted p-3" id="QUOTES">

                <h6 class="text-uppercase"><i class="fas fa-bookmark mr-1"></i> QUOTES</h6><div class="card mb-1"></div>

                <ul class="list-group list-group-flush font-italic">

                  <li class="list-group-item px-3 py-2 border-top-0">"Put a quote here."</li>

                  <li class="list-group-item px-3 py-2">"Quisque tincidunt lacinia tempus. Aenean ipsum magna, porta in sagittis at, ullamcorper ut justo. Donec efficitur purus non ex vehicula commodo.</li>

                  <li class="list-group-item px-3 py-2">"Maecenas sed luctus nisl. Donec dictum lectus non diam elementum aliquet. Aenean eros odio, porttitor eget efficitur sed, ornare eget felis. Nam ut dui iaculis, dapibus odio eu, viverra leo."</li>

                </ul>

              </div> <!--quotes section end-->

              

            </div>

            

          </div>

        </div> <!--middle column end-->

        

        <!--RIGHT COLUMN-->

        <div class="col-lg-4 p-1">

          <div class="card bg-faded rounded-0 p-1">

            

            <div class="card" id="ACCORDION">

              

              <!--HOBBIES-->

              <a class="btn btn-secondary btn-block rounded-0 text-uppercase" data-toggle="collapse" data-target="#HOBBIES">HOBBIES</a>

              <div class="collapse show" id="HOBBIES" data-parent="#ACCORDION">

                <ul class="list-group" style="height:155px; overflow:auto;">

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe hobby here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe hobby here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe hobby here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe hobby here.

                    </p>

                  </li>

                </ul>

              </div> <!--hobbies end-->

              

              <!--HABITS-->

              <a class="btn btn-secondary btn-block rounded-0 text-uppercase collapsed" data-toggle="collapse" data-target="#HABITS">HABITS</a>

              <div class="collapse" id="HABITS" data-parent="#ACCORDION">

                <ul class="list-group" style="height:155px; overflow:auto;">

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe habit here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe habit here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe habit here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe habit here.

                    </p>

                  </li>

                </ul>

              </div> <!--habits end-->

              

              <!--STRENGTHS-->

              <a class="btn btn-secondary btn-block rounded-0 text-uppercase collapsed" data-toggle="collapse" data-target="#STRENGTHS">STRENGTHS</a>

              <div class="collapse" id="STRENGTHS" data-parent="#ACCORDION">

                <ul class="list-group" style="height:155px; overflow:auto;">

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe strength here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe strength here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe strength here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe strength here.

                    </p>

                  </li>

                </ul>

              </div> <!--strengths end-->

              

              <!--WEAKNESSES-->

              <a class="btn btn-secondary btn-block rounded-0 text-uppercase collapsed" data-toggle="collapse" data-target="#WEAKNESSES">WEAKNESSES</a>

              <div class="collapse" id="WEAKNESSES" data-parent="#ACCORDION">

                <ul class="list-group" style="height:155px; overflow:auto;">

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe weakness here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe weakness here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe weakness here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe weakness here.

                    </p>

                  </li>

                </ul>

              </div> <!--weaknesses end-->

              

              <!--SKILLS-->

              <a class="btn btn-secondary btn-block rounded-0 text-uppercase collapsed" data-toggle="collapse" data-target="#SKILLS">SKILLS</a>

              <div class="collapse" id="SKILLS" data-parent="#ACCORDION">

                <ul class="list-group" style="height:155px; overflow:auto;">

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe skill here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe skill here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe skill here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe skill here.

                    </p>

                  </li>

                </ul>

              </div> <!--skills end-->

              

              <!--GOALS-->

              <a class="btn btn-secondary btn-block rounded-0 text-uppercase collapsed" data-toggle="collapse" data-target="#GOALS">GOALS</a>

              <div class="collapse" id="GOALS" data-parent="#ACCORDION">

                <ul class="list-group" style="height:155px; overflow:auto;">

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe goal here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe goal here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe goal here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe goal here.

                    </p>

                  </li>

                </ul>

              </div> <!--goals end-->

              

              <!--FEARS-->

              <a class="btn btn-secondary btn-block rounded-0 text-uppercase collapsed" data-toggle="collapse" data-target="#FEARS">FEARS</a>

              <div class="collapse" id="FEARS" data-parent="#ACCORDION">

                <ul class="list-group" style="height:155px; overflow:auto;">

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe fear here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe fear here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe fear here.

                    </p>

                  </li>

                  <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2 border-left-0 border-right-0">

                    <p><span class="text-uppercase font-weight-bold text-muted">UNKNOWN: </span>

                    Briefly describe fear here.

                    </p>

                  </li>

                </ul>

              </div> <!--fears end-->

              

            </div> <!--accordion end-->

            

          </div>

        </div> <!--right column end-->

        

      </div>

    </div>

    

  </div> <!--info section end-->

  

  <!--STORY SECTION-->

  <div class="tab-pane fade" id="STORY">

    <div class="container-fluid">

      <div class="row">

        <div class="col p-1">

          <div class="card bg-faded rounded-0 p-1">

            <h3 class="text-uppercase ml-2 mt-1">STORY</h3>

            <div class="card rounded-0 p-3" style="height:376px; overflow:auto;">

              <h6 class="text-uppercase text-muted"><i class="fas fa-bookmark mr-1"></i> HEADER</h6><div class="card mb-1"></div>

              <p>Put your character's story here. This box will scroll.</p>

              <p>Nam vitae ultricies metus, in rutrum nisi. Phasellus porta ullamcorper mauris, id pharetra velit pulvinar id. Ut sit amet felis porta, mattis eros et, pulvinar velit. Pellentesque interdum nulla a ex finibus, sed cursus lacus tincidunt. Cras condimentum ipsum eget tristique venenatis. Morbi at bibendum felis, sit amet commodo orci. Cras efficitur massa consequat diam eleifend porta. Nullam vel turpis id nibh molestie auctor. </p>

              <h6 class="text-uppercase text-muted"><i class="fas fa-bookmark mr-1"></i> HEADER</h6><div class="card mb-1"></div>

              <p>Duis tellus arcu, mattis ut venenatis quis, mattis sed orci. Vestibulum maximus dolor ante, id pellentesque ipsum egestas eget. Quisque consectetur nisi eget lacus aliquet, quis mollis erat sagittis. Nam bibendum euismod lacus nec posuere. Suspendisse ac aliquam ante. Duis nec egestas quam. Fusce nisi ipsum, iaculis ac gravida eget, eleifend ac eros. Nulla facilisi. Cras vitae maximus libero. Nam laoreet, lacus at laoreet faucibus, odio odio ornare purus, sed semper quam leo vitae ante. Donec viverra leo nibh, eu molestie mauris cursus convallis. Pellentesque vel ipsum turpis. Donec imperdiet lacinia velit, sed eleifend mauris rutrum vel. Quisque sit amet eros orci. Quisque eu imperdiet mi. Suspendisse eget justo id enim hendrerit porttitor. </p>

              <p>Nunc convallis leo mollis, varius augue non, faucibus metus. Nulla dolor tortor, vehicula eget ullamcorper at, ullamcorper quis nisi. Proin sollicitudin risus enim, vel feugiat felis ultricies ut. Sed mauris eros, tempor ut libero ut, dignissim aliquam risus. Ut pharetra eu mauris eget facilisis. Aliquam metus libero, imperdiet eu commodo non, rhoncus ut est. Suspendisse venenatis nulla et massa venenatis, non tincidunt justo elementum. Cras vel ipsum magna. </p>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div> <!--story section end-->

  

  <!--RELATIONSHIPS SECTION-->

  <div class="tab-pane fade" id="RELATIONSHIPS">

    <div class="container-fluid">

      <div class="row">

        <div class="col p-1">

          <div class="card bg-faded rounded-0 p-1" style="height:420px; overflow:auto;">

            <h3 class="text-uppercase ml-2 my-1">RELATIONSHIPS</h3>

            

            <!--PILLS-->

            <ul class="nav nav-pills">

              <li class="nav-item m-1">

                <a class="nav-link active btn btn-secondary" data-toggle="pill" href="#FAMILIAL"><i class="fas fa-users"></i></a>

              </li>

              <li class="nav-item m-1">

                <a class="nav-link btn btn-secondary" data-toggle="pill" href="#ROMANTIC"><i class="fas fa-heart"></i></a>

              </li>

              <li class="nav-item m-1">

                <a class="nav-link btn btn-secondary" data-toggle="pill" href="#PLATONIC"><i class="far fa-heart"></i></a>

              </li>

              <li class="nav-item m-1">

                <a class="nav-link btn btn-secondary" data-toggle="pill" href="#QUEERPLATONIC"><i class="fas fa-hand-holding-heart"></i></a>

              </li>

            </ul> <!--pills end-->

            

            <div class="tab-content">

              

              <!--FAMILIAL SECTION-->

              <div class="tab-pane fade show active" id="FAMILIAL">

            

                <!--RELATIONSHIP 1-->

                <div class="card rounded-0 my-1">

                  <div class="container-fluid">

                    <div class="row">

                      <div class="col-lg-4 p-2">

                        <img class="d-block mx-auto rounded m-2" style="height:100px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">

                        <h5 class="text-uppercase text-center"><a href="#" target="_blank">NAME</a></h5>

                        <ul class="mb-0 text-muted">

                          <li>Briefly describe relationship dynamic here.</li>

                          <li>Keep it short and straight to the point so people can understand the basics of the relationship at a glance.</li>

                          <li>This box will not scroll.</li>

                        </ul>

                      </div>

                      <div class="col-lg-8 p-3">

                        <p>Provide a more in-depth explanation of the relationship here. Aliquam erat lectus, lobortis in mattis quis, tincidunt quis ante. Morbi ac urna eros. Suspendisse id felis tellus. Pellentesque in felis aliquam, lacinia dui ut, congue augue. Maecenas sodales metus quis diam egestas, in mattis ex ullamcorper. Duis felis magna, pellentesque et imperdiet id, interdum nec elit. Donec congue blandit ex et mattis. In hac habitasse platea dictumst. Fusce pulvinar quam dignissim neque convallis, id faucibus arcu convallis. Sed vitae nisl id nibh porta eleifend. Suspendisse faucibus tincidunt erat ut venenatis. In cursus venenatis tellus. </p>

                        <p>Aliquam mattis magna vel porta interdum. Quisque ipsum lacus, consectetur at ornare vitae, accumsan finibus mi. Donec luctus finibus nisl a condimentum. Suspendisse euismod sed dolor vitae imperdiet. In eu varius nisi. Vivamus et dui vel felis congue suscipit. Aenean eget dolor nunc. Suspendisse convallis sem a cursus commodo. </p>

                      </div>

                    </div>

                  </div>

                </div> <!--relationship 1 end-->

                

                <!--RELATIONSHIP 2-->

                <div class="card rounded-0 my-1">

                  <div class="container-fluid">

                    <div class="row">

                      <div class="col-lg-4 p-2">

                        <img class="d-block mx-auto rounded m-2" style="height:100px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">

                        <h5 class="text-uppercase text-center"><a href="#" target="_blank">NAME</a></h5>

                        <ul class="mb-0 text-muted">

                          <li>Briefly describe relationship dynamic here.</li>

                          <li>Keep it short and straight to the point so people can understand the basics of the relationship at a glance.</li>

                          <li>This box will not scroll.</li>

                        </ul>

                      </div>

                      <div class="col-lg-8 p-3">

                        <p>Provide a more in-depth explanation of the relationship here. Aliquam erat lectus, lobortis in mattis quis, tincidunt quis ante. Morbi ac urna eros. Suspendisse id felis tellus. Pellentesque in felis aliquam, lacinia dui ut, congue augue. Maecenas sodales metus quis diam egestas, in mattis ex ullamcorper. Duis felis magna, pellentesque et imperdiet id, interdum nec elit. Donec congue blandit ex et mattis. In hac habitasse platea dictumst. Fusce pulvinar quam dignissim neque convallis, id faucibus arcu convallis. Sed vitae nisl id nibh porta eleifend. Suspendisse faucibus tincidunt erat ut venenatis. In cursus venenatis tellus. </p>

                        <p>Aliquam mattis magna vel porta interdum. Quisque ipsum lacus, consectetur at ornare vitae, accumsan finibus mi. Donec luctus finibus nisl a condimentum. Suspendisse euismod sed dolor vitae imperdiet. In eu varius nisi. Vivamus et dui vel felis congue suscipit. Aenean eget dolor nunc. Suspendisse convallis sem a cursus commodo. </p>

                      </div>

                    </div>

                  </div>

                </div> <!--relationship 2 end-->

              </div> <!--familial section end-->

              

              <!--ROMANTIC SECTION-->

              <div class="tab-pane fade" id="ROMANTIC">

                <!--RELATIONSHIP 1-->

                <div class="card rounded-0 my-1">

                  <div class="container-fluid">

                    <div class="row">

                      <div class="col-lg-4 p-2">

                        <img class="d-block mx-auto rounded m-2" style="height:100px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">

                        <h5 class="text-uppercase text-center"><a href="#" target="_blank">NAME</a></h5>

                        <ul class="mb-0 text-muted">

                          <li>Briefly describe relationship dynamic here.</li>

                          <li>Keep it short and straight to the point so people can understand the basics of the relationship at a glance.</li>

                          <li>This box will not scroll.</li>

                        </ul>

                      </div>

                      <div class="col-lg-8 p-3">

                        <p>Provide a more in-depth explanation of the relationship here. Aliquam erat lectus, lobortis in mattis quis, tincidunt quis ante. Morbi ac urna eros. Suspendisse id felis tellus. Pellentesque in felis aliquam, lacinia dui ut, congue augue. Maecenas sodales metus quis diam egestas, in mattis ex ullamcorper. Duis felis magna, pellentesque et imperdiet id, interdum nec elit. Donec congue blandit ex et mattis. In hac habitasse platea dictumst. Fusce pulvinar quam dignissim neque convallis, id faucibus arcu convallis. Sed vitae nisl id nibh porta eleifend. Suspendisse faucibus tincidunt erat ut venenatis. In cursus venenatis tellus. </p>

                        <p>Aliquam mattis magna vel porta interdum. Quisque ipsum lacus, consectetur at ornare vitae, accumsan finibus mi. Donec luctus finibus nisl a condimentum. Suspendisse euismod sed dolor vitae imperdiet. In eu varius nisi. Vivamus et dui vel felis congue suscipit. Aenean eget dolor nunc. Suspendisse convallis sem a cursus commodo. </p>

                      </div>

                    </div>

                  </div>

                </div> <!--relationship 1 end-->

                

                <!--RELATIONSHIP 2-->

                <div class="card rounded-0 my-1">

                  <div class="container-fluid">

                    <div class="row">

                      <div class="col-lg-4 p-2">

                        <img class="d-block mx-auto rounded m-2" style="height:100px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">

                        <h5 class="text-uppercase text-center"><a href="#" target="_blank">NAME</a></h5>

                        <ul class="mb-0 text-muted">

                          <li>Briefly describe relationship dynamic here.</li>

                          <li>Keep it short and straight to the point so people can understand the basics of the relationship at a glance.</li>

                          <li>This box will not scroll.</li>

                        </ul>

                      </div>

                      <div class="col-lg-8 p-3">

                        <p>Provide a more in-depth explanation of the relationship here. Aliquam erat lectus, lobortis in mattis quis, tincidunt quis ante. Morbi ac urna eros. Suspendisse id felis tellus. Pellentesque in felis aliquam, lacinia dui ut, congue augue. Maecenas sodales metus quis diam egestas, in mattis ex ullamcorper. Duis felis magna, pellentesque et imperdiet id, interdum nec elit. Donec congue blandit ex et mattis. In hac habitasse platea dictumst. Fusce pulvinar quam dignissim neque convallis, id faucibus arcu convallis. Sed vitae nisl id nibh porta eleifend. Suspendisse faucibus tincidunt erat ut venenatis. In cursus venenatis tellus. </p>

                        <p>Aliquam mattis magna vel porta interdum. Quisque ipsum lacus, consectetur at ornare vitae, accumsan finibus mi. Donec luctus finibus nisl a condimentum. Suspendisse euismod sed dolor vitae imperdiet. In eu varius nisi. Vivamus et dui vel felis congue suscipit. Aenean eget dolor nunc. Suspendisse convallis sem a cursus commodo. </p>

                      </div>

                    </div>

                  </div>

                </div> <!--relationship 2 end-->

              </div> <!--romantic section end-->

            

              <!--PLATONIC SECTION-->

              <div class="tab-pane fade" id="PLATONIC">

                <!--RELATIONSHIP 1-->

                <div class="card rounded-0 my-1">

                  <div class="container-fluid">

                    <div class="row">

                      <div class="col-lg-4 p-2">

                        <img class="d-block mx-auto rounded m-2" style="height:100px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">

                        <h5 class="text-uppercase text-center"><a href="#" target="_blank">NAME</a></h5>

                        <ul class="mb-0 text-muted">

                          <li>Briefly describe relationship dynamic here.</li>

                          <li>Keep it short and straight to the point so people can understand the basics of the relationship at a glance.</li>

                          <li>This box will not scroll.</li>

                        </ul>

                      </div>

                      <div class="col-lg-8 p-3">

                        <p>Provide a more in-depth explanation of the relationship here. Aliquam erat lectus, lobortis in mattis quis, tincidunt quis ante. Morbi ac urna eros. Suspendisse id felis tellus. Pellentesque in felis aliquam, lacinia dui ut, congue augue. Maecenas sodales metus quis diam egestas, in mattis ex ullamcorper. Duis felis magna, pellentesque et imperdiet id, interdum nec elit. Donec congue blandit ex et mattis. In hac habitasse platea dictumst. Fusce pulvinar quam dignissim neque convallis, id faucibus arcu convallis. Sed vitae nisl id nibh porta eleifend. Suspendisse faucibus tincidunt erat ut venenatis. In cursus venenatis tellus. </p>

                        <p>Aliquam mattis magna vel porta interdum. Quisque ipsum lacus, consectetur at ornare vitae, accumsan finibus mi. Donec luctus finibus nisl a condimentum. Suspendisse euismod sed dolor vitae imperdiet. In eu varius nisi. Vivamus et dui vel felis congue suscipit. Aenean eget dolor nunc. Suspendisse convallis sem a cursus commodo. </p>

                      </div>

                    </div>

                  </div>

                </div> <!--relationship 1 end-->

                

                <!--RELATIONSHIP 2-->

                <div class="card rounded-0 my-1">

                  <div class="container-fluid">

                    <div class="row">

                      <div class="col-lg-4 p-2">

                        <img class="d-block mx-auto rounded m-2" style="height:100px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">

                        <h5 class="text-uppercase text-center"><a href="#" target="_blank">NAME</a></h5>

                        <ul class="mb-0 text-muted">

                          <li>Briefly describe relationship dynamic here.</li>

                          <li>Keep it short and straight to the point so people can understand the basics of the relationship at a glance.</li>

                          <li>This box will not scroll.</li>

                        </ul>

                      </div>

                      <div class="col-lg-8 p-3">

                        <p>Provide a more in-depth explanation of the relationship here. Aliquam erat lectus, lobortis in mattis quis, tincidunt quis ante. Morbi ac urna eros. Suspendisse id felis tellus. Pellentesque in felis aliquam, lacinia dui ut, congue augue. Maecenas sodales metus quis diam egestas, in mattis ex ullamcorper. Duis felis magna, pellentesque et imperdiet id, interdum nec elit. Donec congue blandit ex et mattis. In hac habitasse platea dictumst. Fusce pulvinar quam dignissim neque convallis, id faucibus arcu convallis. Sed vitae nisl id nibh porta eleifend. Suspendisse faucibus tincidunt erat ut venenatis. In cursus venenatis tellus. </p>

                        <p>Aliquam mattis magna vel porta interdum. Quisque ipsum lacus, consectetur at ornare vitae, accumsan finibus mi. Donec luctus finibus nisl a condimentum. Suspendisse euismod sed dolor vitae imperdiet. In eu varius nisi. Vivamus et dui vel felis congue suscipit. Aenean eget dolor nunc. Suspendisse convallis sem a cursus commodo. </p>

                      </div>

                    </div>

                  </div>

                </div> <!--relationship 2 end-->

              </div> <!--platonic section end-->

            

              <!--QUEERPLATONIC SECTION-->

              <div class="tab-pane fade" id="QUEERPLATONIC">

                <!--RELATIONSHIP 1-->

                <div class="card rounded-0 my-1">

                  <div class="container-fluid">

                    <div class="row">

                      <div class="col-lg-4 p-2">

                        <img class="d-block mx-auto rounded m-2" style="height:100px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">

                        <h5 class="text-uppercase text-center"><a href="#" target="_blank">NAME</a></h5>

                        <ul class="mb-0 text-muted">

                          <li>Briefly describe relationship dynamic here.</li>

                          <li>Keep it short and straight to the point so people can understand the basics of the relationship at a glance.</li>

                          <li>This box will not scroll.</li>

                        </ul>

                      </div>

                      <div class="col-lg-8 p-3">

                        <p>Provide a more in-depth explanation of the relationship here. Aliquam erat lectus, lobortis in mattis quis, tincidunt quis ante. Morbi ac urna eros. Suspendisse id felis tellus. Pellentesque in felis aliquam, lacinia dui ut, congue augue. Maecenas sodales metus quis diam egestas, in mattis ex ullamcorper. Duis felis magna, pellentesque et imperdiet id, interdum nec elit. Donec congue blandit ex et mattis. In hac habitasse platea dictumst. Fusce pulvinar quam dignissim neque convallis, id faucibus arcu convallis. Sed vitae nisl id nibh porta eleifend. Suspendisse faucibus tincidunt erat ut venenatis. In cursus venenatis tellus. </p>

                        <p>Aliquam mattis magna vel porta interdum. Quisque ipsum lacus, consectetur at ornare vitae, accumsan finibus mi. Donec luctus finibus nisl a condimentum. Suspendisse euismod sed dolor vitae imperdiet. In eu varius nisi. Vivamus et dui vel felis congue suscipit. Aenean eget dolor nunc. Suspendisse convallis sem a cursus commodo. </p>

                      </div>

                    </div>

                  </div>

                </div> <!--relationship 1 end-->

                

                <!--RELATIONSHIP 2-->

                <div class="card rounded-0 my-1">

                  <div class="container-fluid">

                    <div class="row">

                      <div class="col-lg-4 p-2">

                        <img class="d-block mx-auto rounded m-2" style="height:100px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">

                        <h5 class="text-uppercase text-center"><a href="#" target="_blank">NAME</a></h5>

                        <ul class="mb-0 text-muted">

                          <li>Briefly describe relationship dynamic here.</li>

                          <li>Keep it short and straight to the point so people can understand the basics of the relationship at a glance.</li>

                          <li>This box will not scroll.</li>

                        </ul>

                      </div>

                      <div class="col-lg-8 p-3">

                        <p>Provide a more in-depth explanation of the relationship here. Aliquam erat lectus, lobortis in mattis quis, tincidunt quis ante. Morbi ac urna eros. Suspendisse id felis tellus. Pellentesque in felis aliquam, lacinia dui ut, congue augue. Maecenas sodales metus quis diam egestas, in mattis ex ullamcorper. Duis felis magna, pellentesque et imperdiet id, interdum nec elit. Donec congue blandit ex et mattis. In hac habitasse platea dictumst. Fusce pulvinar quam dignissim neque convallis, id faucibus arcu convallis. Sed vitae nisl id nibh porta eleifend. Suspendisse faucibus tincidunt erat ut venenatis. In cursus venenatis tellus. </p>

                        <p>Aliquam mattis magna vel porta interdum. Quisque ipsum lacus, consectetur at ornare vitae, accumsan finibus mi. Donec luctus finibus nisl a condimentum. Suspendisse euismod sed dolor vitae imperdiet. In eu varius nisi. Vivamus et dui vel felis congue suscipit. Aenean eget dolor nunc. Suspendisse convallis sem a cursus commodo. </p>

                      </div>

                    </div>

                  </div>

                </div> <!--relationship 2 end-->

              </div> <!--queerplatonic section end-->

              

            </div> <!--tab content end-->

            

          </div>

        </div>

      </div>

    </div>

  </div> <!--relationships section end-->

  

</div>

<a class="pull-right text-muted text-uppercase mr-1" style="font-weight:lighter; font-size:12px;" href="https://toyhou.se/6470627.lots-of-buttons">Code by AviCode</a>

Recent Images






743 Users Online 11:15 pm © cyancrows 2017
About FAQ HelpDesk Rules TOS Search